<template>
  <div>
    <!--脚部-->
    <footer>
      <el-row justify="center">
        <el-col :span="18">
          <el-row :gutter="5">
            <el-col :span="5">
              <h4>Explore</h4>
              <p>Models</p>
              <p>Audi Sport</p>
              <p>Inside Audi</p>
            </el-col>
            <el-col :span="4">
              <h4>Shop</h4>
              <p>Special Offers</p>
              <p>Find a dealer</p>
              <p>New inventory</p>
            </el-col>
            <el-col :span="5">
              <h4>Buy</h4>
              <p>Request a quote</p>
              <p>Trade-in value</p>
              <p>Leasing</p>
            </el-col>
            <el-col :span="5">
              <h4>Own</h4>
              <p>myAudi</p>
              <p>Mobile Apps</p>
              <p>Audi Financial Services</p>
            </el-col>
            <el-col :span="5">
              <h4>Support</h4>
              <p>Contact Us</p>
              <p>Help</p>
              <p>About Audi</p>
            </el-col>
          </el-row>
          <el-row justify="center">
            <p style="margin:5px 0">所有素材均来自网络 如有侵权 请联系删除　　　email:breeze_926@yeah.net</p>
          </el-row>
        </el-col>
      </el-row>
      
    </footer>
  </div>
</template>

<script>
import { ref,reactive, onMounted } from 'vue'
export default {
  name: '',
  setup() {
    const data = reactive({
    
    })
    
    
    
    onMounted(() => {
    
    })
    return {
      data
    }
  },
}

</script>
<style scoped lang='scss'>
    footer{
        padding: 10px;
        background-color: #303133;
        .el-col{
          h4{
            color: #FAFAFA;
            margin-bottom: 15px;
          }
          p{
            font-size: 0.6em;
            color: #FAFAFA;
            cursor: pointer;
          }
          
        }
      }
</style>